<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/commom.css"/>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css"/>
	</head>
	<body>
		
		<div class="container-fluid right-iframe-wrapper">
			<div class="row">
				<div class="right-title">
					<h1 class="font-18">社团支出统计<small class="font-16">&nbsp;&nbsp;>&nbsp;&nbsp;社团支出统计</small></h1>
				</div>
				
				<div class="clearfix"></div>
				<div class="row">
					<!--<span class="pull-left">
						<a class="btn btn-warning" href="addMoneys.html">增加</a>						
					</span>-->
					<div class="right-search col-md-4 col-xs-6 pull-right no-pd-right">
						<div class="dropdown pull-left">
						<!--下拉列表赋值 js-menu-text  和  js-menu-contant-->
						<!--<button class="btn btn-default js-menu-text" type="button" data-toggle="dropdown">
							<em>选择时间</em>
							<span class="caret"></span>
						</button>
						<ul class="dropdown-menu js-menu-contant">
							<li><a href="javascript:;">1月</a></li>
							<li><a href="javascript:;">2月</a></li>
							<li><a href="javascript:;">3月</a></li>
						</ul>-->
					</div>
						<div class="input-group">							
							<input type="text" class="form-control" placeholder="输入社团名称搜索">
							<span class="input-group-btn">
						        <button class="btn btn-warning" type="button" id="search">搜索</button>
						    </span>
						    
						</div>
					</div>
				</div>
				
				<!--表格-->
				<div class="right-table">
					<table class="table table-bordered table-hover text-center">
						<thead>
							<tr>
								<th>社团名称</th>
								<th>全部支出</th>
								<th>操作</th>
								<!--<th>收入金额</th>
								<th>支出金额</th>								
								<th>操作</th>-->
								<!--<th>剩余课时</th>
								<th>班级</th>
								<th>指导教师</th>
								<th>入学时间</th>
								<th>课程</th>
								<th>指导教师</th>
								<th>负激励</th>-->
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
										1
								</td>
								<td>	2</td>
								<!--<td>是</td>
								<td>99999999</td>
								<td>99999999</td>-->
								<td><a href="moneysDetails.html">查看</a></td>
								<!--<td>6</td>
								<td>7</td>
								<td>8</td>
								<td>9</td>
								<td>10</td>-->
							</tr>
							
						</tbody>
					</table>
				</div>
				<!--分页-->
				<!-- <div class="page">
					首页<a href="#">|&lt;</a>
					上一页<a href="#">&lt;</a>
					<span class="pager">
						<a class="current" href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						<a href="#">4</a>
					</span>
					下一页<a href="#">&gt;</a>
					末页<a href="#">&gt;|</a>
				</div> -->
				<!--分页 end-->
			</div>
		</div>
		
		<!--<footer class="footer-wrapper text-center">
			<p>&copy;2017 创智盟版权所有 - 电话：0771-1234567</p>
		</footer>-->
		
		<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
		<script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function(){
				//下拉列表赋值
				$(".dropdown").click(function(){
					$(this).toggleClass("open")
				});
				$(".js-menu-contant").find("li").click(function(){
					var menu_text = $(this).text();
					$(this).parent().siblings(".js-menu-text").find("em").text(menu_text);
					$(this).addClass("active").siblings("li").removeClass("active");
				});
				
			})
			
		</script>
	</body>
</html>
